<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@  include file="taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/easyui/jquery.min.js"></script>
<link rel="stylesheet" href="${ctx}/static/css/style.css" type="text/css" />
<script type="text/javascript">
	$(function(){	
		//导航切换
		$(".menuson li").click(function(){
			$(".menuson li.active").removeClass("active")
			$(this).addClass("active");
		});
		
		$('.title').click(function(){
			var $ul = $(this).next('ul');
			$('dd').find('ul').slideUp();
			if($ul.is(':visible')){
				$(this).next('ul').slideUp();
			}else{
				$(this).next('ul').slideDown();
			}
		});
	});	
	
	function menuClick(){
		$('.title').click(function(){
			var $ul = $(this).next('ul');
			$('dd').find('ul').slideUp();
			if($ul.is(':visible')){
				$(this).next('ul').slideUp();
			}else{
				$(this).next('ul').slideDown();
			}
		});		
	}
</script>
</head>
<body style="background:#f0f9fd;">
	<c:forEach items="${menuList}" var="topMenu" varStatus="st">
		<c:if test="${st.index==0}">
			<dl class="leftmenu" id="navMain">
			    <dd>
			    <c:forEach items="${topMenu.children}" var="landMenu" varStatus="st1">
					<c:if test="${st1.index==0}">
						<c:forEach items="${landMenu.children }" var="leftMenu">
							<div class="title">
								<a 
					    			href="<c:choose><c:when test="${empty leftMenu.menuHref}">javascript:void(0);</c:when><c:otherwise>${ctx }${leftMenu.menuHref}</c:otherwise></c:choose>" 
					    			target="MainMenu">
					    			<span><img src="${ctx}/static/images/system/leftico01.png" /></span>${leftMenu.menuName}
				    			</a>
						    </div>
					    	<ul class="menuson">
					    		<c:forEach items="${leftMenu.children}" var="leftChildrenMenu">
					    			<li><cite></cite><a 
					    			href="<c:choose><c:when test="${empty leftChildrenMenu.menuHref}">javascript:void(0);</c:when><c:otherwise>${ctx }${leftChildrenMenu.menuHref}</c:otherwise></c:choose>" 
					    			target="MainMenu">${leftChildrenMenu.menuName}</a><i></i></li>
					    		</c:forEach>
					        </ul>
						</c:forEach>
					</c:if>
				</c:forEach>
			    </dd>
	    	</dl>
		</c:if>
	</c:forEach>
</body>
</html>